﻿<div class="middle-box-profile">
    <div id="dBgRank" class="div_bg_top vip-dif">
        <div class="bg_top">
            <div class="div_tab">
                <ul class="ul_tab">
                    <li><a href= "@Url.Action("DislayView", new { name = "hdd" })" class='tab' name=''>
                        <p>
                            Hi&#768;nh &#273;a&#803;i di&ecirc;&#803;n
                        </p>
                    </a></li>
                    <li><a href= "@Url.Action("DislayView", new { name = "ttcn" })" class='tab' name=''>
                        <p>
                            Cá nhân</p>
                    </a></li>
                    <li><a href= "@Url.Action("DislayView", new { name = "tthv" })" class='tab' name=''>
                        <p>
                            Ho&#803;c v&acirc;&#769;n
                        </p>
                    </a></li>
                    <li><a href= "@Url.Action("DislayView", new { name = "ttst" })"  class='tab active' name=''>
                        <p>
                            S&#417;&#777; thi&#769;ch
                        </p>
                    </a></li>
                    <li><a href= "@Url.Action("DislayView", new { name = "ttlh" })" class='tab' name=''>
                        <p>
                            Li&ecirc;n h&ecirc;&#803;
                        </p>
                    </a></li>
                </ul>
                <div class="profile-shadow" style="position: relative; margin-top: -8px;">
                </div>
            </div>
            <div class="profile-info" style="padding-bottom: 0; top: 21px; position: relative;">
                <!--19.12.2 -->
                <div id="dNhomMua" style="display: none">
                    <a href="javascript:void(0);" id="dImgNM">
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/avatar-big.gif")" id="avatarNM" width="68" height="68" />
                    </a><a href="javascript:void(0);" name=""><em id="bNameNM">Grouppixel</em></a>
                </div>
                <div id="dPower">
                    <div class="profile-progess">
                           <a href= "@Url.Action("DislayView")" id="dImgProfile">
                            <img src="@Url.Content("~/Content/UserThemes/Images/avartar/20.jpg")" id="avatarMain" width="68" height="68" />
                        </a>
                        <div class="inner-progess-bar">
                            <span id="sProgress" class="progess" style="width: 0%;"></span>
                        </div>
                    </div>
                    <div class="profile-detail">
                        <span class="profile-img"></span><span class="profile-txt"><a href="javascript:void(0);"
                            id="nameUser">cuhodiacong</a> <em id="eUserRank" style="padding-left: 0">Thành viên
                                m&#417;&#769;i</em> </span>
                        <p id="pCreateDate">
                            Ngày tham gia: 04/04/2012</p>
                        <p id="pBaiViet">
                            Bài vi&ecirc;&#769;t: 0</p>
                    </div>
                </div>
                <!--end 19.12.2 -->
            </div>
        </div>
    </div>
    <div class="box-profile">
        <div class="middle-box-content personal">
            <p>
                S&#417;&#777; thi&#769;ch</p>
            <div class="div_txtDK big-txt" style="background: none">
                <textarea name="txtSoThich" id="txtSoThich" type="text" style="max-width: 426px;
                    max-height: 54px; margin-left: 0px; margin-right: 0px; width: 426px; margin-top: 3px;
                    margin-bottom: 3px; height: 54px;" rows="2"></textarea>
            </div>
            <p>
                &Acirc;m nha&#803;c
            </p>
            <div class="div_txtDK big-txt">
                <select name="ddlKindMusic" id="ddlKindMusic" type="text" style="width: 377px;">
                    <option value="0">L&#432;&#803;a cho&#803;n</option>
                    <option value="Th&iacute;nh ph&ograve;ng">Th&iacute;nh ph&ograve;ng</option>
                    <option value="D&acirc;n ca">D&acirc;n ca</option>
                    <option value="Jazz">Jazz</option>
                    <option value="Pop/R&amp;B">Pop/R &amp; B</option>
                    <option value="Rock">Rock</option>
                    <option value="Rap/Hip Hop">Rap/Hip Hop</option>
                </select>
            </div>
            <p>
                Phim a&#777;nh</p>
            <div class="div_txtDK big-txt">
                <select name="ddlKindFilm" id="ddlKindFilm" type="text" style="width: 377px;">
                    <option value="0">L&#432;&#803;a cho&#803;n</option>
                    <option value="Ha&#768;nh &#273;&ocirc;&#803;ng">Ha&#768;nh &#273;&ocirc;&#803;ng</option>
                    <option value="Kinh di&#803;">Kinh di&#803;</option>
                    <option value="T&acirc;m l&yacute;">T&acirc;m l&yacute;</option>
                    <option value="Ha&#768;i">Ha&#768;i</option>
                    <option value="Vi&ecirc;&#771;n t&#432;&#417;&#777;ng">Vi&ecirc;&#771;n t&#432;&#417;&#777;ng</option>
                </select>
            </div>
            <p>
                Sa&#769;ch</p>
            <div class="div_txtDK big-txt">
                <select name="ddlKindBook" id="ddlKindBook" type="text" style="width: 377px;">
                    <option value="0">L&#432;&#803;a cho&#803;n</option>
                    <option value="Kinh doanh">Kinh doanh</option>
                    <option value="&#272;&acirc;&#768;u t&#432; - Ch&#432;&#769;ng khoa&#769;n">&#272;&acirc;&#768;u
                        t&#432; - Ch&#432;&#769;ng khoa&#769;n</option>
                    <option value="Ky&#771; thu&acirc;&#803;t">Ky&#771; thu&acirc;&#803;t</option>
                    <option value="Tri&ecirc;&#769;t">Tri&ecirc;&#769;t</option>
                    <option value="S&#432;&#777;">S&#432;&#777;</option>
                    <option value="V&#259;n ho&#803;c">V&#259;n ho&#803;c</option>
                </select>
            </div>
            <p>
                K&ecirc;nh TV
            </p>
            <div class="div_txtDK big-txt">
                <input name="txtKenhTV" type="text" id="txtKenhTV" style="width: 365px;" />
            </div>
            <p class="middle-box-button">
                <a id="btnLuuHobby" href="javascript:void(0)" name="" class="save_button_vn"></a>
                <a id="btnResetHobby" href="javascript:void(0)" name="" class="cancel_button_vn"
                    onclick="resetForm();"></a>
            </p>
        </div>
    </div>
</div>
